<template>
 <div>
   <div style="margin-top: 20px">
     <el-radio-group v-model="radio" size="small">
       <el-radio @change="change" style="margin-top: 10px;display: inline-block;margin-left: 10px" v-for="item in items" :key="item.id" :label="item.id" border>{{item[name]}}</el-radio>

     </el-radio-group>
   </div>

   <!--<div style="margin-top: 20px">-->

   <!--</div>-->
 </div>
</template>


<script>

  export default {
    data() {
      return {
        radio:'1',

      };
    },
    props: {
      items: Array,
      name:String,
    },
    mounted() {
    },
    methods: {

      change(e){
        console.log(e);
        this.value=e;
        this.$emit("change",e)
      }
    }
  }
</script>
